<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/head.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>${ecard.name}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="decorator" content="default" />
<meta name="viewport"
	content="width=device-width initial-scale=1.0  maximum-scale=1.0">
<link rel="stylesheet" type="text/css" href="${ctxStatic}/mobile-template/ecard/${theme }/bootstrap.min.css">
<script type="text/javascript" src="${ctxStatic}/mobile-template/ecard/${theme }/jquery.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/mobile-template/ecard/${theme }/bootstrap.min.js"></script>
<link href="http://2weima.hdzhx.com/ecm/assets/css/bootstrap-responsive.css" rel="stylesheet">
<style type="text/css">

a:hover{color:red;}	
#center{margin:0 auto; min-width:100px;max-width:800px}
</style>
<script src="${ctxStatic}/mobile-template/ecard/${theme }/jiathis.php" charset="utf-8"></script>
<link href="${ctxStatic}/mobile-template/ecard/${theme }//jiathis_share.css" rel="stylesheet" type="text/css"/>

</head>
<body>
<iframe frameborder="0" style="position: absolute; display: none; opacity: 0; max-height: 300px;"></iframe>
<div class="jiathis_style" style="position: absolute; z-index: 1000000000; display: none; top: 50%; left: 50%; overflow: auto;"></div><div class="jiathis_style" style="position: absolute; z-index: 1000000000; display: none; overflow: auto;"></div>
<iframe frameborder="0" src="http://v3.jiathis.com/code_mini/jiathis_utility.html" style="display: none; max-height: 300px;"></iframe>

	<div class="container-fluid" id="center" style="border: 1px solid #ED7500;">
					<div class="tabs row-fluid">  
					    
					    <div class="tabcontent" style="clear: both;padding-top:30px;">  
					        <div id="page1">
					        	
							    <div style="text-align: left;">
							        <div style="height: 25px;background-color:#ED7500">
							        	<img src="${ctxStatic}/mobile-template/ecard/${theme }/gerenxinxi.jpg" style="margin-left:10px;" alt=""><font color="white">个人风采</font>
							        </div>
							        	<div>
							        		
							        		<div>
								        		<div style="padding-top:13px;margin-bottom:5px;padding-left:0px;"><span>姓名：</span>${ecard.name }</div>
								        										        		
								        		<div style="margin-bottom:5px;"><span>电话：</span> <a href="tel:18228028545">${ecard.tel }</a><br></div>
								        		<div style="margin-bottom:5px;"><span>职位：</span> ${ecard.title }<br></div>								        		
								        		<div style="margin-bottom:5px;"><span>邮箱：</span> <a href="mailto:${ecard.mail }">${ecard.mail }</a><br></div>								        		
								        		
								        		<div style="display:inline;float:right;margin-top:-110px;">
								        			<img src="${ctxFront }/ecard/${ecard.id }.jpg" style="width:124px;height:138px;">
								        		</div>
								        		
								        		<div style="margin:10px 10px;">
									        	<a class="btn btn-warning" href="http://2weima.hdzhx.com/EcardMembers/vcf/Wgb_b8">一键保存</a>
<a href="http://2weima.hdzhx.com/ecm/Wgb_b8#myModal" role="button" class="btn" data-toggle="modal">一键分享</a>
 
<!-- Modal -->
<style>
	#myModal{width:auto;margin:0;left:10%;top:10%;}
</style>
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5 id="myModalLabel">一键分享</h5>
  </div>
  <div class="modal-body">
    <!-- JiaThis Button BEGIN -->
<div class="jiathis_style_32x32">
	<a class="jiathis_button_qzone" title="分享到QQ空间"><span class="jiathis_txt jtico jtico_qzone"></span></a>
	<a class="jiathis_button_tsina" title="分享到新浪微博"><span class="jiathis_txt jtico jtico_tsina"></span></a>
	<a class="jiathis_button_tqq" title="分享到腾讯微博"><span class="jiathis_txt jtico jtico_tqq"></span></a>
	<a class="jiathis_button_weixin" title="分享到微信"><span class="jiathis_txt jtico jtico_weixin"></span></a>
	<a class="jiathis_button_renren" title="分享到人人网"><span class="jiathis_txt jtico jtico_renren"></span></a>
</div>
<script type="text/javascript" src="./jia.js" charset="utf-8"></script>
<!-- JiaThis Button END -->
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
  </div>
</div>
								                  											        	</div>
									        </div>
								        	
							        		
							        		<div>
							        			<div><p style="color:#EC4200"><img src="${ctxStatic}/mobile-template/ecard/${theme }/gerenjianjie.jpg" style="margin-top:-7px;" alt="">个人简介</p></div>
							        			<div>
							        				<span class="font3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p>
						&nbsp; <span style="line-height:2;">&nbsp; &nbsp;
						${ecard.description }</span>
					</p>
 </span>
							        			</div>
							        		</div>
							        	</div>
							    </div>
					        </div> 
					        
					        <div>
					        	
					        	<div style="height: 25px;background-color:#ED7500">
					        	<span>
						        	<img src="${ctxStatic}/mobile-template/ecard/${theme }/gongsijieshao.jpg" style="margin-left:10px;" alt=""><font color="white">单位介绍</font>
						        </span>
						        </div>
							    
					        	<div style="overflow: auto;margin:10px;">
					        		单位名称：  ${ecard.organInfo.name  }<br>
									
									联系电话：  <a href="tel:${ecard.organInfo.tel }">${ecard.organInfo.tel  }</a><br>
									<p>
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
	${ecard.organInfo.description  }
 <br>
</p>
					        	
					        	
					        </div>
					        
					        
					        <div id="page3">
					        	<div style="height: 25px;background-color:#ED7500">
					        	<span>
						        	<img src="${ctxStatic}/mobile-template/ecard/${theme }/huodong.jpg" style="margin-left:10px;" alt="">				
						        			        	<font color="white">新闻报</font>
						        </span>
						        </div>
					        	<div style="margin: 10px;">
					        		
					        		<div style="margin: 10px;">
									    <ul class="unstyled">
									    
									     <c:forEach items="${ecard.organInfo.organEvents }" var="event" varStatus="status">
											<li>
										        	<div class="cen31"><a href="${ctxFront }/ecard/event-${event.id}.html">${status.index +1}  ${event.title }</a></div>
										      </li>
											</c:forEach>
										</ul>
									  </div>
					        		
					        	</div>
					        	
					        </div>  
					        
					        
					         
					        <div id="page2">
					        	<div style="height: 25px;background-color:#ED7500">
					        	<span>
						        	<img src="${ctxStatic}/mobile-template/ecard/${theme }/dizhi.jpg" style="margin-left:10px;" alt=""><font color="white">公司地址</font>
						        </span>
						        </div>
					        	<div style="margin: 10px;">
					        	
					        		单位名称：${ecard.organInfo.name }<br>
									
									联系电话：  <a href="tel:${ecard.organInfo.tel }">${ecard.organInfo.tel }</a><br>					        		
					        		单位地址：  ${ecard.organInfo.address }<br>					        		
					        		官方微博：  <a href="http://t.qq.com/${ecard.organInfo.weibo }">${ecard.organInfo.weibo }</a><br>					        		
					        		单位微信：  ${ecard.organInfo.weixin }<br>					        		
					        		单位网址：  <a href="${ecard.organInfo.site }">${ecard.organInfo.site }</a><br>					        		
					        		
					        	</div>
					        	
					        </div> 
					        <div style="margin:10px 10px;">
									        	<a class="btn btn-warning" href="http://2weima.hdzhx.com/EcardMembers/vcf/Wgb_b8">一键保存</a>
								                  											        	</div>
					    </div>  
					</div>  	
	</div>

<script type="text/javascript">
						 

	function autoSize(){    
		$("img,embed").each(function(){                
			if($(this).width() > $(this).parent().width()){                    
				$(this).css('max-width',"100%");  
				}            
		});        
	}
	window.onload =  autoSize;
</script>
		<div class="footer" style="width:100%">
	<p style="text-align:center">
		技术支持
		<a href="http://2weima.hdzhx.com/ecm/Wgb_b8#power" onclick="$(&#39;#power&#39;).toggle()"> 邯郸智讯</a>
	</p>
	<div id="power" style="display:none;text-align:center">
		<div style="margin: 10px;">
			<div class="aboutus">
				<p>邯郸智讯</p>
				<p>客服电话：
					<a href="tel:0310-7056607">0310-7056607</a>
				</p>
				<p>客服QQ: 66587811</p>
				<p>客服邮箱: jakemnase@163.com</p>
				<p>公司地址: 邯郸市丛台区帝豪雅居B座11楼08室</p>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
    try {
        window.onload = autoSize;
        function autoSize(){
            $("img,iframe,embed").each(function(){
                if($(this).width() > $(this).parent().width() || $(this).width() > $(window).width()){
                    $(this).css('max-width',"100%");
                }
            });
            $("iframe").each(function(){
                $(this).css('max-height',$(this).width());
            })
        }
    }catch (e) {
    }
</script>
</body></html>